// 原生JS
// 获取表单
// const form = document.querySelector("form");
// 获取所有的 input
// const inputs = document.querySelectorAll(`[type="text"]`);
// 提交数据
// form.addEventListener("submit", (e) => {
//   // 阻止默认行为
//   e.preventDefault();

//   // 判断是否都有内容
//   if (
//     inputs[0].value.trim() !== "" &&
//     inputs[1].value.trim() !== "" &&
//     inputs[2].value.trim() !== "" &&
//     inputs[3].value.trim() !== "" &&
//     inputs[4].value.trim() !== ""
//   ) {
//     // 创建一个老师对象
//     const teacher = {
//       teacherName: inputs[0].value.trim(),
//       teacherAge: Number(inputs[1].value.trim()),
//       teacherSex: inputs[2].value.trim(),
//       phone: inputs[3].value.trim(),
//       className: inputs[4].value.trim(),
//     };

//     // 异步请求
//     setTimeout(() => {
//       fetch("http://localhost:8000/teachers", {
//         // 请求方法
//         method: "post",
//         // 请求头
//         headers: {
//           "Content-Type": "Authorization",
//           "Content-Type": "application/json",
//         },
//         // 请求的 Json 对象
//         body: JSON.stringify(teacher),
//       })
//         .then((response) => {
//           // 如果状态码 200 则请求成功
//           if (response.status === 200) {
//             // 解析响应体为 JSON
//             return response.json();
//           }
//           // 否则 抛出异常及当前状态码
//           throw new Error(`HTTP error! Status: ${response.status}`);
//         })
//         .then((data) => {
//           if (data.code === 200) {
//             // 提示添加成功
//             // alert("添加成功！");

//             // 清空表单
//             // form.reset();

//             // 跳转到首页
//             location.href = "./index.html";
//           } else {
//             // 提示信息
//             console.log(data.message);
//           }
//         })
//         .catch((error) => {
//           console.error(error);
//         });
//     }, 100);
//   } else {
//     // 提示输入内容
//     alert("请输入内容~");
//   }
// });


// JQuery库
// 提交数据
$("form").submit((e) => {
  // 阻止默认行为
  e.preventDefault();

  // 获取每个输入框的内容
  const teacherName = $("#teacherName").val().trim();
  const teacherAge = Number($("#teacherAge").val().trim());
  const teacherSex = $("#teacherSex").val().trim();
  const phone = $("#phone").val().trim();
  const className = $("#className").val().trim();

  // 判断是否都有内容
  if (
    teacherName !== "" &&
    teacherAge !== "" &&
    teacherSex !== "" &&
    phone !== "" &&
    className !== ""
  ) {
    // 创建一个老师对象
    const teacher = {
      teacherName,
      teacherAge,
      teacherSex,
      phone,
      className
    };

    // 异步请求
    setTimeout(() => {
      fetch("http://localhost:8000/teachers", {
        // 请求方法
        method: "post",
        // 请求头
        headers: {
          "Content-Type": "Authorization",
          "Content-Type": "application/json",
        },
        // 请求的 Json 对象
        body: JSON.stringify(teacher),
      })
        .then((response) => {
          // 如果状态码 200 则请求成功
          if (response.status === 200) {
            // 解析响应体为 JSON
            return response.json();
          }
          // 否则 抛出异常及当前状态码
          throw new Error(`HTTP error! Status: ${response.status}`);
        })
        .then((data) => {
          if (data.code === 200) {
            // 提示添加成功
            // alert("添加成功！");

            // 清空表单
            // form.reset();

            // 跳转到首页
            location.href = "./index.html";
          } else {
            // 提示信息
            console.log(data.message);
          }
        })
        .catch((error) => {
          console.error(error);
        });
    }, 100);
  } else {
    // 提示输入内容
    alert("请输入内容~");
  }
});